/* components/input/input.wxss */
@import "../../app.less";

.inputBox {
  box-sizing: border-box;
  position: relative;

  .eyes {
    position: absolute;
    top: 15rpx;
    right: 10rpx;
    font-size: 50rpx;
    padding-left: 20rpx;
    padding-right: 20rpx;
    z-index: 99;
  }

  .eyes.active {
    color: @c_4050B5;
  }

  input {
    box-sizing: border-box;
    border-radius: 8px;
    padding-left: 1em;
    font-size: 26rpx;
    letter-spacing: .3em;
    border: 2px solid transparent;
  }

  input.active {
    border: 2px solid @c_A5A6B9;
    background-color: @backgroundColor_1413  !important;
  }

  input.error {
    border: 2px solid @c_f40;
    background-color: @backgroundColor_1413  !important;
  }

  text {
    color: @c_f40;
    padding-left: 1em;
    font-size: 24rpx;
    letter-spacing: 0.3em;
    // text-indent: 1.5em;
  }
}